<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title>绑定申请</title>
    <link href="/door/css/main_weChat.css" rel="stylesheet">
    <link rel="stylesheet" href="/door/css/weChat_login.css">
    <script src="/door/js/jquery.min.js"></script>
    <script src="/door/js/bind_wx_parent.js"></script>
</head>
<body>
<img class="logo-weChat" src="/door/images/img_logo_01.png" alt="logo">
<div class="wt-padding login-form">
    <div class="">
        <label for="parentName" class="">家长姓名：</label>
        <input type="text" class="var-input" id="parentName" placeholder="请输入姓名">
    </div>
    <div class="">
        <label for="phoneNum" class="">手 机 号 ：</label>
        <input type="text" class="var-input" id="phoneNum" placeholder="请输入手机号">
    </div>
    <!-- 
    <div class="">
        <label for="studentCode" class="">学生姓名：</label>
        <input type="text" class="var-input" id="studentCode" placeholder="请输入学生姓名">
    </div>
     -->
    <div class="">
        <label for="grade" class="">学生年级：</label>
        <input id="grade" type="text" list="grade_list" onblur="queryClazzList()" />
       	<datalist id="grade_list" onchange="queryClazzList()">
            <option value="2015级" label="2015级" />
            <option value="2016级" label="2016级" />
            <option value="2017级" label="2017级" />
            <option value="2018级" label="2018级" />
            <option value="2019级" label="2019级" />
            <option value="2020级" label="2020级" />
            <option value="2021级" label="2021级" />
            <option value="2022级" label="2022级" />
            <option value="2023级" label="2023级" />
            <option value="2024级" label="2024级" />
            <option value="2025级" label="2025级" />
            <option value="2026级" label="2026级" />
       	</datalist>
    </div>
    <div class="">
        <label for="clazz" class="">学生班级：</label>
        <input id="clazz" type="text" list="clazz_list" onblur="queryStudentList()" />
       	<datalist id="clazz_list"></datalist>
    </div>
    <div class="">
        <label for="studentCode" class="">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</label>
        <input id="studentCode" type="text" list="studentCode_list" placeholder="请输入学生姓名" />
       	<datalist id="studentCode_list"></datalist>
    </div>
    <div class="reason">
        <span class="">申请原因：</span>
        <textarea rows="5" cols="30" id="reason" placeholder="请输入申请原因"></textarea>
    </div>
    <div class="">
        <p class="text-left tips">提示</p>
    </div>
    <button type="button" class="bind-btn">申请</button>
</div>
</body>
</html>